<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/pages/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Generator" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>鹰牌陶瓷合肥运营中心</title>
<meta name="keywords" content="鹰牌陶瓷,陶瓷,鹰牌,安徽,合肥" />
<meta name="description" content="鹰牌陶瓷合肥运营中心,人才招聘,招聘职位" />
<meta name="author" content="" />
<link href="${ctx}/css/sub/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${ctx}/themes/default/default.css" type="text/css" />
<link rel="stylesheet" href="${ctx}/css/main.css" type="text/css" />
<!-- IE6 fixes are found in styles/ie6.css -->
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="${ctx}/css/ie6.main.css" /><![endif]-->
</head>
<body>
<div id="main">
  <jsp:include page="../../header.jsp" />
  <script type="text/javascript">
 	function showDetail(id){
 		if($("#de_"+id).css("display")=="none"){
 			$(".detail").each(function(){
 	 			$(this).css("display","none");
 	 		});
 			$("#de_"+id).css("display","block");
 		}else{
 			$(".detail").each(function(){
 	 			$(this).css("display","none");
 	 		});
 		}
 	}
 </script>
  <div id="bd">
  	<div id="bd_left2" style="width: 211px; ">
        <div id="sortlist" class="m">
			<div class="mt">
				<h2>招聘职位</h2>
			</div>
			<div class="mc">
				<c:forEach items="${list}" var="recruitmentInfo" varStatus="vs">
					<div class="item current"><!-- 一级  -->
						<h3>
							<b></b>
							<a class="hr" title="${recruitmentInfo.job}" id="${recruitmentInfo.id}" href="javascript:void(0);" style="color:black;">${vs.count}.${recruitmentInfo.job}</a> 
							<!--  
							<span style="float: right;">
								人数：${recruitmentInfo.person_num}
							</span>
							-->
						</h3>
					</div>
				 </c:forEach>
			</div>
		</div>
    </div>
    <c:if test="${empty list}">
      <c:set var="height" value=";height:500px;" />
    </c:if>
    <div id="bd_right2" class="news" style="width: 733px;${height}">
    	<div class="mt">
		   <h2>人才招聘</h2>
		   <div class="extra"><span style="padding-right:10px ">详细</span></div>
	  	</div>
	  	<div id="content"><div>
    </div>
  </div>
</div>
<jsp:include page="../../footer.jsp" />
<script type="text/javascript">
	$(document).ready(function(){
		$(".hr").bind("click",function(){
			$.ajax({
				async: false,
				type: "POST",
				url: "PersonnelRecruitment.do",
				data: "method=view&id="+this.id,
				error: function(request, settings) {/*alert("数据请求失败！"); */},
				success: function(data) {
					$("#content").html();
					$("#content").html(data);
				}
			});

			$(this).css("color","#CC3300");

			$(".hr").not(this).css("color","black");
		});
		$(".hr:first").click();
	});
</script>
</body>
</html>
